<!doctype html>
<html>
  <head>
    <title>Cool App</title>
    <script src="test-scripts-head.js"></script>
    <script>
      (function headInline() {
        console.log('head inline');
      })();
    </script>
  </head>
  <body>
    <script src="test-scripts-body-pre.js"></script>
    <script>
      (function bodyPreInline() {
        console.log('body pre inline');
      })();
    </script>
    <div id="hello">
      Your app here!
      <a id="someLink" href="">Click!</a>
    </div>
    <script>
      var inlineScript = document.createElement('script');
      inlineScript.innerText = 'console.log("inline script");';
      document.body.appendChild(inlineScript);

      var remoteScript = document.createElement('script');
      remoteScript.src = 'test-scripts-remote.js';
      remoteScript.onload = function() {
        console.log('remote script loaded!');
      };
      document.body.appendChild(remoteScript);
    </script>
    <script>
      (function bodyPostInline() {
        console.log('body post inline');
      })();
    </script>
    <script src="test-scripts-body-post.js"></script>
  </body>
</html>
